css sassをすぐ始めたい
用意するもの（インストールしといてね）
VS Code
yarn
0. yarnプロジェクトを立ち上げる
$ yarn init
1. sass, watch, browser-syncをインストールする
$ yarn add sass --dev
$ yarn add watch browser-sync --dev
2. package.jsonを編集する
code: package.json
"scripts": {
"sass": "sass src/scss:public/css",
"sass-watch": "sass --watch src/scss:public/css"
}
3. src/scssディレクトリを作成
4. publicディレクトリを作ってindex.htmlファイルも作成
https://scrapbox.io/files/61286d07d1ccd80023dd574c.png
5. yarn sass-watchでsass監視モードを起動
6. VS CodeのLive機能でindex.htmlを開く
7. あとはsrc/scssファイルを編集してたら、勝手に更新されていく